<template>
  <div class="quick-menu">
    <div class="quick-menu__item">
      <i class="iconfont icon-shouqi"></i>
    </div>
    <div class="quick-menu__item">
      <i class="iconfont icon-shouqi"></i>
    </div>
    <div class="quick-menu__item">adf</div>
  </div>
</template>
<style lang="scss">
  .quick-menu {
    display: flex;
    align-items: center;
    padding-right: 24px;
  }
  .quick-menu__item {
    margin-left: 16px;
    i {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      transition: var(--n-transition);
      cursor: pointer;
      &:hover {
        background-color: var(--n-black-hover);
      }
    }
  }
</style>
